<template>
    <section class="SiteCooperation-section">
        <app-header></app-header>

        <!--背景图-->
        <article class="bg-box">
            <div class="inside">
                <div class="container">
                    <h2>Cooperation</h2>
                    <h1>
                        <p class="clearfix">
                            <i class="iconfont icon-hezuo"></i> 网站合作
                        </p>
                    </h1>
                </div>
            </div>
        </article>
        <!--联系我们-->
        <div class="content">
            <div class="container">
                <article>
                    <div class="list">
                        <div class="title">【频道共建】</div>
                        <aside class="inner">
                            <p>免费频道内容互换（频道共建）合作，资源互补、合作共赢，为彼此网站带来流量和品牌提升。</p>
                        </aside>
                    </div>
                    <div class="list">
                        <div class="title">【媒体支持】</div>
                        <aside class="inner">
                            <p>欢迎各类媒体、网站、出版社等与我们联系，希望在各类文字、资讯等传播方面能建立长期合作。</p>
                        </aside>
                    </div>
                    <div class="list">
                        <div class="title">【广告互换】</div>
                        <aside class="inner">
                            <p>双方利用现有的广告资源（如：首页广告位，内页广告位，新闻、资讯文字广告位等）进行免费互换。在资源互补、合作共赢的前提下，为彼此网站带来流量和品牌提升。</p>
                        </aside>
                    </div>
                    <div class="list">
                        <div class="title">【友情链接】</div>
                        <aside class="inner">
                            <p>双方利用现有的页面文字链接资源（如：首页文字链接，内页文字链接，新闻、资讯文字链接等）进行免费互换。在资源互补、合作共赢的前提下，为彼此网站带来流量和品牌提升。</p>
                        </aside>
                    </div>
                    <div class="list">
                        <div class="title">【联合市场活动】</div>
                        <aside class="inner">
                            <p>双方在建立平等、合作、共享、双赢、互信基础上以双方名义在线上线下共同举行各种市场推广活动。</p>
                        </aside>
                    </div>
                    <div class="list">
                        <div class="title">【市场合作】</div>
                        <aside class="inner">
                            <p>网络负责人：马经理</p>
                            <p>邮箱：merry.ma@iusahome.com</p>
                            <p>电话：010-88553465</p>
                            <br>
                            <p>渠道负责人：刘经理</p>
                            <p>邮箱：brenda.liu@iusahome.com</p>
                            <p>电话：010-88553465</p>
                        </aside>
                    </div>
                </article>
            </div>
        </div>

        <!--返回顶部-->
        <BackTop :isShowHouseContrast="false"></BackTop>
    </section>
</template>

<script>
    import Header from '../components/header.vue';//公共组件——头部
    import BackTop from '../components/BackTop.vue';//公共组件——返回顶部

    export default {
        data() {
            return {}
        },
        metaInfo () {
            return {
                title: '网站合作_华美优胜美国房地产投资公司',
                meta: [
                    { vmid: 'keywords', name: 'keywords', content: '华美优胜网站合作，华美优胜网上合作，华美优胜合作' },
                    { vmid: 'description', name: 'description', content: '华美优胜网站合作，华美优胜网上合作，华美优胜合作' },

                ],
            }
        },
        computed: {},
        created() {
        },
        mounted() {

        },
        methods: {},
        components: {
            'app-header': Header,
            BackTop,//公共组件——返回顶部

        }
    }
</script>

<style lang="less" type="text/less">
    body {
        .SiteCooperation-section {
            //背景图
            .bg-box{
                background: url(/static/img/ConsultantTeam2.jpg) no-repeat top center;
                background-size: 100%;
                padding: 0 !important;
                >.inside {
                    background: rgba(15, 40, 54, 0.6);
                    > .container {
                        padding: 150px 0;
                        text-align: center;
                        > h2 {
                            font-size: 35px;
                            font-family: 'HelveticaNeue-UltraLight', "PingFang SC", 'Microsoft Yahei', Arial, Verdana, sans-serif;
                            font-weight: 100;
                            color: #fff;
                        }
                        > h1 {
                            line-height: 35px;
                            font-size: 30px;
                            padding: 20px 0 30px 0;
                            color: #fff;
                            > p {
                                display: inline-block;
                                > i {
                                    font-size: 35px;
                                    color: #3cd0c5;
                                    float: left;
                                    margin: 0 10px 0 0;
                                }
                            }
                        }
                    }
                }
            }

            .content {
                background: #fff;
                > .container {
                    padding: 30px;
                    text-align: center;
                    >article{
                        width: 700px;
                        margin: 100px 0 0 0;
                        >.list{
                            margin: 30px 0;
                            text-align: left;
                            >.title{
                                padding: 0 0 0 10px;
                                border-left: 4px solid #00A4A0;
                                margin-bottom: 20px;
                                font-size: 16px;
                                font-weight: bold;
                            }
                            >aside{
                                padding: 30px 0;
                                border-top: 1px solid #E5E5E5;
                            }
                        }
                    }
                }
            }
        }
    }
</style>
